<demo>
## 基础用法
</demo>
<!-- #region snippet -->
<template>
  <div class="doc-grid">
    <div class="doc-item">
      <m-tag type="success" prefix-icon="icon-circle-check-filled" suffix-icon="icon-circle-check-filled">
        Tag 2
      </m-tag>
      <span>Success</span>
    </div>
    <div class="doc-item">
      <m-tag type="info">Tag 3</m-tag>
      <span>Info</span>
    </div>
    <div class="doc-item">
      <m-tag type="warning" loading>Tag 4</m-tag>
      <span>Primary</span>
    </div>
    <div class="doc-item">
      <m-tag type="danger" suffix-icon="icon-lucide_circle-x-filled" prefix-icon="icon-lucide_circle-x-filled">
        Tag 6
      </m-tag>
      <span>Danger</span>
    </div>
  </div>
</template>
<!-- #endregion snippet -->
